@charset "UTF-8";
/**
 * 
 * @authors Candy
 * @date    2016-07-04 10:39:39
 * @version 1.1.0
 */

/*我要看*/
/*tab*/
.indexTab.top{ position: fixed; top: 2.3rem; left: 0; z-index: 19; width: 100%;}
.tabFixed.top{ position: fixed; top: 2.3rem; left: 0; z-index: 19; width: 100%;}
.pushTab.top{ position: fixed; top: 2.3rem; left: 0; z-index: 19; width: 100%;}

.quesTab{ margin-bottom: 2.4%; background-color: #fff;
	li{ float: left; padding: 2.4% 0; width: 33.1%; text-align: center; font-size: 0.65rem; color: #212121; border-left: 1px solid #ededed; cursor: pointer;
		&:first-child{ border-left: none;}
		&.on{ color: #0288d1; border-bottom: 1px solid #0288d1;}
	}
	&.five{ //消息中心tabs
		li{ width: 20%; box-sizing: border-box;}
	}
}
.quesCont{ font-size: 0;
	li{ position: relative; padding: 2.4%; border-bottom: 1px solid #ededed;
		&.on{ background-color: #f1f1f1;}
	}
	.fileIcon{ float: left; width: 1.2rem;}
	.ques{ float: right; width: 88%; height: 1.8rem;  //position: relative; padding-left: 10%; height: 1.8rem;
		//&:before{ position: absolute; left: 0; top: 50%; content: ''; display: inline-block; margin-top: -0.68rem; width: 0.98rem; height: 1.36rem; background: url(../images/icon/fileIcon.png); background-size: cover;}
	}
	.tips{ position: relative; display: inline-block; padding-left: 4%; margin: 0.5%;
		&:before{ position: absolute; left: 0; top: 50%; content: ''; display: inline-block; margin-top: -0.24rem; width: 0.5rem; height: 0.5rem; background: url(../images/icon/tips.png); background-size: cover;}
		em{ margin-right: 0.5rem; font-size: 0.5rem; line-height: 1.5;}
	}
	.queAuthor{
		span{ margin-right: 2%;}
	}
	.name{ margin-left: 2.4%; line-height: 0.95rem;}
}
.quesCate{ margin-bottom: 15%;
	.tits{ position: relative; padding-left: 5%; color: #2d2d2d;
		&:before{ position: absolute; left: 0; top: 50%; content: ''; display: inline-block; margin-top: -0.325rem; width: 4px; height: 0.65rem; background-color: #0288d1;}
	}
	.more{ right: 2.4%; top: 50%; margin-top: -0.3rem; padding-right: 0.5rem; font-size: 0.5rem; color: #b6b6b6;
		&:after{ position: absolute; right: 0; top: 50%; content: ''; display: inline-block; margin-top: -0.15rem; width: 0.3rem; height: 0.3rem; border-top: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
		&.on:after{ margin-top: -0.25rem; border-color: #2eb8f6; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
	}
	// ul{ height: 2.6rem; overflow: hidden;
	// 	&.cateUlData{ height: auto;}
	// }
}
.cateList{ padding: 0 2.4% 2.4%;
	li{ float: left; margin: 0 4.8% 1.2% 0; border: 1px solid #f0f0f0; /*padding: 0 2.4%; width: 21.4%; min-width: 1rem; height: 1.2rem; line-height: 1.2rem; background-color: #f0f0f0;*/
		//&:nth-of-type(4n){ margin-right: 0;}
		&.on{ border-color: #03a9f4;}
	}
	.cateDate{ display: block; padding: 0.25rem 0.5rem; font-size: 0.65rem; color: #727272; background-color: #f0f0f0;}
}
.questions{
	.cateList{ padding: 0 2.4%;}
}
.asking{
	.cateList{ padding: 2.4%;}
}
/*收藏分享*/
/* .shareColl{ position: absolute; right: 2.4%; top: 2.4%; display: none; width: 4rem; height: 1.34rem; background: url(../images/shareCollBg.png); background-size: cover;
	a{ display: block; float: left; margin: 0.2rem 0; width: 49%; text-align: center; font-size: 0.5rem; color: #fff; border-left: 1px solid #fff;
		&:first-child{ border-left: none;}
	}
} */
.shareColl{ position: absolute; right: -24%; top: 0; display: none; width: 0; height: 100%;
	&.two{ 
		a{  width: 50%;}
	}
	a{ position: relative; display: block; float: left;  width: 33.33%; height: 100%; text-align: center; font-size: 0.5rem; color: #fff; background-color: #0fadf4;
		&:nth-of-type(2){ background-color: #0288D1;}
		&:before{ position: absolute; left: 50%; top: 50%; content: ''; display: block; margin: -0.385rem 0 0 -0.385rem; width: 0.77rem; height: 0.77rem; background: url(../images/shareColl.png); background-size: auto 1.532rem;}
	}
	.shareIcon:before{ background-position: 0 0;}
	.collIcon:before{ background-position: -0.77rem -0.77rem;}
	.delIcon:before{ background-position: 0 -0.77rem;}
	.tipIcon:before{ background-position: -0.77rem 0;}
}
/* 编辑删除 */
.edit{ position: absolute; top: 0; display: none; height: 100%; width: 0; border-bottom: 1px solid #ededed;
	&:after{ position: absolute; left: 50%; top: 50%; content: ''; display: inline-block; margin-top: -0.57rem; margin-left: -0.57rem; width: 1.14rem; height: 1.14rem; background: url(../images/addCircle.png); background-size: 2.213rem 1.1065rem;}
	&.on{ /* background-color: #e1e1e1; */
			&:after{ background-position: -1.1rem 0;}
		}
}

/*会议纪要*/
.meetUl{ text-align: center; font-size: 0.75rem; color: #212121; border-bottom: 1px solid #ededed;
	li{ float: left; padding: 2.4% 0; width: 24.5%; border-left: 1px solid #ededed;
		&:first-child{ border-left: none;}
		&.on{ color: #0288d1;}
	}
	.up{
		&:after{ content: ''; display: inline-block; margin-left: 0.2rem; width: 0.28rem; height: 0.58rem; background: url(../images/icon/up.png); background-size: cover;}
		&.upward:after{ content: ''; display: inline-block; margin-left: 0.2rem; width: 0.28rem; height: 0.58rem; background: url(../images/icon/upon.png); background-size: cover;
		}
		&.down:after{ content: ''; display: inline-block; margin-left: 0.2rem; width: 0.28rem; height: 0.58rem; background: url(../images/icon/upon.png); background-size: cover; transform:rotate(180deg); -webkit-transform:rotate(180deg);
		}
	}
	.screening{
		&:after{ content: ''; display: inline-block; margin-left: 0.2rem; width: 0.5rem; height: 0.5rem; background: url(../images/icon/screening.png); background-size: cover;}
	}
}
.sequence{ padding: 1.2% 2.4% 2.4%;
	span{ display: inline-block; padding: 1.2% 2.4%; font-size: 0.65rem; color: #727272; background-color: #f0f0f0; border: 1px solid #f0f0f0;
		&.on{ border-color: #0288d1;}
	}
}

// .quesList{ margin: 1.2% 2.4%;
// 	li{ float: left; padding: 2.4%; margin-right: 2.4%; margin-bottom: 2.4%; width: 44%; /* height: 7.4rem; */ background-color: #fff;
// 		&:nth-of-type(2n){ margin-right: 0;}
// 	}
// 	.photo{ position: relative; width: 100%; text-align: center; overflow: hidden;}
// 	.name{ position: absolute; bottom: 0; left: 0; margin: 0; padding: 2.5%; width: 95%; text-align: left; color: #fff; background-color: rgba(0, 0, 0, 0.3);}
// 	.title{ margin: 1.2% 0; /* height: 1.6rem; */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
// 	.tips{ padding-left: 10%;}
// }
.quesList{
	li{ float: left; margin: 2.4% 2.4% 0; width: 28.5%;}
	.photo{ position: relative; width: 100%; text-align: center; background-color: #fff; overflow: hidden;}
	.title{ margin-top: 4.8%; height: 1.6rem; line-height: 0.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
}
.quesSec{
	a{ margin: auto;}
	.photo{ /*display: table-cell;*/ margin: auto; width: 4.47rem; height: 6rem; /*vertical-align: middle;*/}
	img{ display:inline-block; margin-top: 14%; padding: 0 !important; width: 80% !important; height: 80% !important;}
}

/*筛选*/
.screenSide{ position: fixed; right: 0; top: 0; z-index: 23; width: 90%; height: 100%; /*background-color: rgba(0, 0, 0, 0.3);*/
	h1{ position: fixed; top: 0; left: 0; z-index: 23; margin-left: 10%; width: 90%; height: 2.3rem; line-height: 2.3rem; text-align: center; font-size: 0.94rem; color: #fff; background-color: #03a9f4;}
	.quesCate{ width: 100%; height: 80%; background-color: #f4f4f4; overflow-y: scroll;}
	.cateList{ background-color: #fff;}
	li{ margin: 0 5% 2% 0 ; /*width: 24.4%;*/ border: 1px solid #f0f0f0;
		&.on{ border-color: #03a9f4;}
		&:nth-of-type(4n){ margin-right: 8%;}
	}
	.footerBtn{ margin-left: 10%; width: 90%;}
}
.footerBtn{ position: fixed; bottom: 0; left: 0; z-index: 23; width: 100%; background-color: #fff;
	.btns{ padding: 0.5rem 0; width: 50%; font-size: 0.7rem; text-align: center; color: #444; background-color: #fff;}
	.sure{ color: #fff; background-color: #03a9f4;}
}
/*详情*/
.article{ padding: 0 2.4%; line-height: 1.5; background-color: #fff;}
.artIframe{ width:100%;}
.artFooter{ position: fixed; bottom: 0; left: 0; z-index: 20; padding: 0.1rem 0; width: 100%; text-align: center; background-color: #fff; border-top: 1px solid #e0e0e0;
	.btns{ display: block; width: 49%; line-height: 1.5; font-size: 0.6rem; color: #212121;
		&:before{ content: ''; display: block; margin: auto; width: 1.02rem; height: 1.02rem; background: url(../images/article.png); background-size: auto 2.045rem;}
		&:first-child{ border-right: 1px solid #e0e0e0;}
	}
	.loadBtn:before{ background-position: 0 0;}
	.comsIcon:before{ background-position: -1.02rem 0;}
	.collBtn:before{ background-position: 0 -1.02rem}
}
/*评分*/
.scoreBox{ display: block;
	i{ display: inline-block; margin: 0 0.25rem; /*padding: 0.2rem;*/ width: 1rem; height: 1rem; background: url(../images/icon/start.png); /*background-clip: content-box;*/ background-size: cover; cursor: pointer;
		&.on{ background: url(../images/icon/startOn.png); background-size: cover;}
	}
}
/*分享*/
.shareTxt{ padding: 0 8%;
	.photo{ float: left; display: block; width: 2rem; height: 2rem; text-align: center; overflow: hidden;
		img{ width: 100%; height: 100%;}
	}
	.text{ float: left; display: block; margin-left: 4.5%; width: 68%; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
}
/*分类*/
.cateBox{ position: fixed; top: 3rem; right: 2.4%; z-index: 20; width: 40%; font-size: 0.65rem; text-align: center; background-color: #fff; border-radius: 5px;
	&:before{ position: absolute; top: -0.5rem; right: 10%; content: ''; width: 0; height: 0; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; border-bottom: 0.5rem solid #fff;}
	li{ line-height: 3; border-bottom: 1px solid #f0f0f0;
		&:last-child{ border-bottom: none;}
	}
	a{ display: block; color: #03a9f4;}
	.grey{ color: #727272;}
}
/*我要问*/
.askCont{
	li{ margin-bottom: 1.2%; background-color: #fff;	
		&.overQues{ background: url(../images/icon/overQues.png) top right #fff no-repeat; background-size: 3.167rem 2.889rem;}
	}
	.titles{ margin-bottom: 1.2%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: normal;}
	.descText{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
}
.comIcon,.view,.likeIcon,.cnIcon{ position: relative; padding-left: 6%; margin-left: 5%; line-height: 0.95rem; font-size: 0.55rem; color: #b6b6b6; cursor: pointer;
	&:before{ position: absolute; left: 0; top: 50%; content: ''; display: inline-block; margin-top: -0.32rem; width: 0.64rem; height: 0.64rem; background: url(../images/ask.png);  background-size: auto 1.915rem;}
}
.view:before{ background-position: -0.025rem 0;}
.comIcon:before{ background-position: -0.637rem 0;}
.cnIcon:before{ background-position: -1.28rem -0.637rem;}
.likeIcon:before{ background-position: -0.637rem -0.637rem;}
.likeIcon.on:before{ background-position: -1.28rem 0;}
.imgIcon,.jIcon,.zdIcon{ display: block; margin-top: 0.1rem; width: 0.64rem; height: 0.64rem; background: url(../images/ask.png);  background-size: auto 1.915rem;}
.imgIcon{ background-position: 0 -0.637rem;}
.jIcon{ margin-top: 0.14rem; background-position: 0 -1.28rem;}
.zdIcon{ margin-top: 0.14rem; margin-right: 0.2rem; background-position: -0.637rem -1.28rem;}
.askImgBox{
	.askImg{ margin-right: 2.4%; margin-bottom: 2.4%; width: 22%; text-align: center; overflow: hidden;
		&:nth-of-type(4n){ margin-right: 0;}
	}
}
/*问题详情*/
.question{ padding: 2.4%; margin-bottom: 1.2%; border-bottom: 1px solid #ededed;
	.topCont{ position: relative; padding-left: 10%;
		&:before{ position: absolute; left: 0; top: 0; content: ''; display: inline-block; width: 1.02rem; height: 1.02rem; background: url(../images/icon/ques.png); background-size: cover;}
		h3{ font-weight: normal;}
		&.overQues{ background: url(../images/icon/overQues.png) top right #fff no-repeat; background-size: 3.167rem 2.889rem;}
	}
	.askImgBox{ margin-top: 1.2%;}
	.name{ margin-left: 2.4%; line-height: 0.95rem;}
}
.answer{
	.name{ position: relative; margin-left: 2.4%; line-height: 0.95rem;}
	.answerIcon{
		&:after{ position: absolute; right: -1.2rem; top: -0.4rem; content: ''; display: inline-block; width: 0.98rem; height: 1.7rem; background: url(../images/icon/name.png); background-size: cover;}
		&.experts:after{ background: url(../images/icon/experts.png); background-size: cover;}
	}
	.askImgBox{ position: relative;
		.imgNum{ position: absolute; right: 4.8%; bottom: 12%; width: 1.02rem; height: 1.02rem; line-height: 1.02rem; text-align: center; font-size: 0.6rem; color: #fff; background-color: #b3e5fc;}
	}
}
/*文本输入框*/
.textBox{ margin: 3.75% 2.4%; padding: 2.4%; width: 90.4%; height: 5rem; line-height: 1.2; font-size: 0.65rem; background-color: #f0f0f0; border: none; outline: none; border-radius: 0; resize: none;
	&:focus,&.full,&.full:focus{ background-color: #fff; outline: 1px solid #03A9F4;}
	&.full{ outline-color: #f0f0f0;}
}
/*兑换商城*/
.convert{
	.convertIcon{ position: relative; display: block; float: left; padding-left: 9%; width: 40%; height: 1.5rem; line-height: 1.5rem; text-align: center; font-size: 0.65rem; color: #444;
		&:first-child{ border-right: 1px solid #cacaca;}
		&:before{ position: absolute; left: 23%; top: 50%; content: ''; display: inline-block; margin-top: -0.32rem; width: 0.64rem; height: 0.64rem; background: url(../images/shop.png); background-size: 1.275rem 0.64rem;}
		&:nth-child(2):before{ background-position: -0.64rem 0;}
	}
}
.shopNav{ padding: 0.5rem 0; background-color: #fff;
	li{ float: left; width: 20%; text-align: center; font-size: 0.65rem;}
	.navIcon{ color: #444; overflow: hidden; width: 100%; display: block; white-space: nowrap;
		img{ display: block; margin: auto; margin-bottom: 4%; width: 50%;}
		// &:before{ content: ''; display: block; margin: auto; margin-bottom: 4%; width: 1.7rem; height: 1.7rem; background: url(../images/shopNav.png); background-size: 5.1rem 3.4rem;}
	}
	.spIcon:before{ background-position: 0 0;}
	.gwIcon:before{ background-position: -1.7rem 0;}
	.tsIcon:before{ background-position: 0 -1.7rem;}
	.smIcon:before{ background-position: -1.7rem -1.7rem;}
	.bgIcon:before{ background-position: -3.4rem 0;}
}
.shopTit{ display: block; margin: 2.4% 0; text-align: center; line-height: 1.5rem; font-size: 0.7rem; color: #727272;
	&:before,&:after{ content: ''; display: block; margin: auto; width: 1rem; height: 1px; background-color: #727272;}
}
.goodUl{ margin: 0 2.4%;
	li{ position: relative; float: left; margin: 0 2.4% 2.4% 0; padding: 2.4%; width: 44%; background-color: #fff; border-radius: 5px;
		&:nth-of-type(2n){ margin-right: 0;}
	}
	.photo{ width: 100%; text-align: center; overflow: hidden;}
	.title{ margin-top: 2%; height: 1.6rem; line-height: 0.8rem; overflow: hidden;}
	.desc{ color: #b6b6b6;
		em{ margin-left: 2.4%; font-weight: bold; color: #ffeb3b;}
	}
	.over{ position: absolute; top: 14.4%; left: 4.8%; width: 20%; height: 1rem; line-height: 1rem; text-align: center; font-size: 0.5rem; color: #fff; background-color: #b6b6b6;}
}
/*商品详情*/
.goodTit{ position: relative; padding: 2.4%; margin-bottom: 2.4%; background-color: #fff; border-bottom: 1px solid #cacaca;
}
.goodShow{
	.conts{ padding: 2.4%; font-size: 0.6rem; line-height: 1.2; color: #212121; background-color: #fff;
		.tit{ display: block; margin-bottom: 2%; font-size: 0.7rem;}
		img{ margin: 1.2% 0; width: 100%; text-align: center;}
	}
}
.goodFooter{ position: fixed; bottom: 0; left: 0; z-index: 20; padding: 2.4%; width: 95.2%; font-size: 0.65rem; background-color: #fff;
	span{ line-height: 2.5;}
	.coins{ margin-right: 4.8%; color: #b6b6b6;
		em{ font-weight: bold; color: #ffeb3b;}
	}
	.change{ padding: 2.4% 4.8%; color: #fff; background-color: #03a9f4;
		&.noCoins{ background-color: #b6b6b6;}
	}
}
.goodSide{ position: fixed; bottom: 0; left: 0; z-index: 23; padding-bottom: 4.5%; width: 100%; max-height: 80%; height: 40%; background-color: #fff;
	.close{ position: absolute; right: 2.4%; top: 2.4%; display: block; width: 0.77rem; height: 0.77rem; background: url(../images/icon/closePop.png); background-size: cover; cursor: pointer;}
	.photo{ margin-top: -5%; width: 20%; text-align: center; overflow: hidden;}
	.text{ margin-left: 2.4%; margin-top: 4.8%; width: 75%;}
	h4{ font-size: 0.7rem; font-weight: 600; color: #212121;}
	.desc{ font-size: 0.7rem; font-weight: 600; color: #b6b6b6;
		em{ margin-left: 2.4%; color: #ffeb3b;}
	}
	.tit{ margin: 0 2.4%; padding: 2.4% 0; border-top: 1px solid #f0f0f0;}
	.goodDesc{ margin: 0 2.4%; padding-bottom: 2.4%; border-bottom: 1px solid #f0f0f0;}
	.changeBox{ margin: 2.4%;}
	.addSubt{ font-size: 0.65rem; background-color: #f4f4f4;}
	.operate{ display: inline-block; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; color: #727272;}
	.much{ display: inline-block; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; background-color: #f4f4f4; outline: none; border: none; border-left: 1px solid #e8e8e8; border-right: 1px solid #dadada; border-radius: 0;}
	.sureBtn{ position: fixed; bottom: 0; left: 0; padding: 3.75% 0; width: 100%; text-align: center; font-size: 0.8rem; color: #fff; background-color: #03a9f4;}
}
/*向TA咨询*/
.userRecord{
	span{
		em{ font-size: 0.5rem;}
	}
}
.userHome{
	.quesTab{
		li{ width: 24.5%;
			&.on{ border-bottom: 1px solid #0288d1;}
		}
		&.five{ //消息中心tabs
			li{ width: 20%; box-sizing: border-box;}
		}
	}
}
/*我的关注*/
.askCont{
	.askImgBox{ margin-bottom: 2.4%;
		.askImg{ width: 15%; margin-bottom: 0;}
		.descText{ width: 82%; -webkit-line-clamp: 3;}
		&.noImg{
			.descText{ width: 100%;}
		}
	}
}
/*通讯录*/
.searchBigBox{
	&.search-box{ margin: 0.4rem 0 0.4rem 0.4rem; width: 68%;}
}
.addrBook{
	li{ position: relative; cursor: pointer;
		&:after{ position: absolute; right: 0; top: 50%; content: ''; display: inline-block; margin-top: -0.385rem; width: 0.77rem; height: 0.77rem; background: url(../images/addrBook.png); background-size: 1.53rem 0.765rem;}
		&.on:after{ background-position: -0.77rem 0;}
	}
}
/*知识圈*/
.knowledge{
	.quesTab{ 
		li{ width: 24.5%;}
	}
	.askImgBox{
		.askImg{ width: 22%;}
	}
	.knowCate{ padding: 0 2.4%; /*height: 4rem;*/ overflow: hidden;
		li{ float: left; padding: 2.4%; width: 28.2%; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed;
			&:nth-of-type(3n){ border-right: none;}
			&:nth-of-type(1+3n){ padding-left: 0;}
			&:nth-child(1),&:nth-child(2),&:nth-child(3){ padding-top: 0;}
		}
		.photo{ float: left; width: 35%; text-align: center; overflow: hidden;}
		.text{ margin-left: 4%; width: 60%;}
	}
}
/*知识圈-圈子列表*/
.addCircle{ border-bottom: 1px solid #ededed;
	.photo{ width: 21%; text-align: center; overflow: hidden;}
	.text{ width: 77%;
		.desc{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	}
	.addIn{ position: relative; display: block; margin-top: 1%; padding: 0 2%; width: 16%; height: 1rem; line-height: 1rem; text-align: right; font-size: 0.65rem; color: #fff; background-color: #03a9f4;
		&:before{ position: absolute; left: 10%; top: 50%; content: ''; display: inline-block; margin-top: -0.275rem; width: 0.55rem; height: 0.55rem; background: url(../images/icon/addIn.png); background-size: cover;}
	}
	.hasJoined{ padding: 0; width: 20%; text-align: center; background-color: #727272;
		&:before{ background: none;}
	}
}
.nameIcon,.numberIcon,.timeIcon{ position: relative; padding-left: 6%; margin-left: 5%; line-height: 0.95rem; font-size: 0.55rem; color: #b6b6b6; cursor: pointer;
		&:before{ position: absolute; left: 0; top: 50%; content: ''; display: inline-block; margin-top: -0.255rem; width: 0.51rem; height: 0.51rem; background: url(../images/circle.png);  background-size: auto 1.0215rem;}
	}
.nameIcon{ margin-left: 0;}
.nameIcon:before{ background-position: 0 0;}
.numberIcon:before{ background-position: -0.51rem 0;}
.timeIcon:before{ background-position: 0 -0.51rem;}
/*话题详情*/
.circleCont{
	img{ display: block; margin-top: 2.4%; max-width: 100%; text-align: center;}
}
.mainImg{ display: block; margin: 2.4% auto 0; max-width: 100%; text-align: center;}
/*加入圈子*/
.circleTit{ position: fixed; top: 2.3rem; left: 0; width: 32%; height: 92%; font-size: 0.7rem; color: #212121; overflow-y: scroll;
	li{ position: relative; padding-left: 20%; height: 2.5rem; line-height: 2.5rem;
		&.on{ color: #0288d1;
			&:before{ position: absolute; left: 0; top: 0; content: ''; display: inline-block; width: 0.6rem; height: 2.5rem; border-left: 1px solid #0288d1;}
		}
	}
}
.circleList{ position: fixed; right: 0; top: 2.3rem; width: 68%; height: 92%; background-color: #f4f4f4; overflow-y: scroll;
	li{ position: relative; padding: 0.52rem 0.6rem; height: 1.25rem; line-height: 1.25rem; border-bottom: 1px solid #e8e8e8;
		&:after{ position: absolute; right: 0.6rem; top: 50%; content: ''; display: inline-block; margin-top: -0.57rem; width: 1.14rem; height: 1.14rem; background: url(../images/addCircle.png); background-size: 2.213rem 1.1065rem;}
		&.on{ background-color: #e1e1e1;
			&:after{ background-position: -1.1rem 0;}
		}
	}
	.photo{ margin-right: 5%; width: 12%; text-align: center; overflow: hidden;}
}
.topicImgBox{
	.topicImg{ margin-right: 2.4%; margin-bottom: 2.4%; width: 22%; text-align: center; overflow: hidden;
		&:nth-of-type(4n){ margin-right: 0;}
	}
}
/*用户中心侧边栏*/
.userSide{ position: fixed; top: 0; left: 0; z-index: 23; width: 70%; height: 100%; background-color: #2d2d2d;
	.nameInfo{ position: relative; margin-top: 4.8%; padding-bottom: 3%; border-bottom: 2px solid #212121;
		.head{ float: left; display: inline-block; width: 1.8rem; height: 1.8rem;}
		.name{ float: left; margin-left: 2.4%; line-height: 1.2;}
		.next{ position: absolute; right: 3.75%; top: 50%; content: ''; display: inline-block; margin-top: -0.25rem; width: 0.5rem; height: 0.5rem; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
	}
	.sideBox{ margin-top: 2.4%;
		li{ position: relative;}
	}
	.sideDate{ position: relative; padding-left: 2rem; height: 2rem; line-height: 2rem; color: #fff;
		&:before{ position: absolute; left: 2.4%; top: 50%; content: ''; display: block; margin-top: -0.51rem; width: 1.02rem; height: 1.02rem; background: url(../images/userSide.png); background-size: auto 4.08rem;}
	}
	.hasNotice:before{ position: absolute; content: ''; width: 8px; height: 8px; top: 10px; left: 5.2rem; background-color: #ffeb3b; border-radius: 50%;}
	.zsIcon:before{ background-position: -2.04rem -2.04rem;}
	.sjIcon:before{ background-position: -1.02rem -3.06rem;}
	.gzIcon:before{ background-position: -3.06rem -3.06rem;}
	.jkIcon:before{ background-position: -1.02rem -1.02rem;}
	.xxIcon:before{ background-position: -2.04rem -1.02rem;}
	.scIcon:before{ background-position: -1.02rem -2.04rem;}
	.dhIcon:before{ background-position: -3.06rem 0;}
	.szIcon:before{ background-position: -3.06rem -2.04rem;}

	li:active{
		.sideDate{ color: #ffeb3b; background-color: #373737;}
		.zsIcon:before{ background-position: -1.02rem 0;}
		.sjIcon:before{ background-position: 0 -3.06rem;}
		.gzIcon:before{ background-position: -3.06rem -2.04rem;}
		.jkIcon:before{ background-position: 0 -1.02rem;}
		.xxIcon:before{ background-position: -2.04rem 0;}
		.scIcon:before{ background-position: 0 -2.04rem;}
		.dhIcon:before{ background-position: 0 0;}
		.szIcon:before{ background-position: -3.06rem -2.04rem;}
	}
}
/*知识动态*/
.dynamic{ padding-left: 2.4%;
	.knowList{ padding-left: 2.4%; border-left: 1px solid #f0f0f0;}
	.time{ position: relative; font-weight: bold; color: #727272;
		&:before{ position: absolute; left: -4.6%; top: 50%; content: ''; display: block; margin-top: -0.3rem; width: 0.4rem; height: 0.4rem; background-color: #fff; border: 2px solid #727272; border-radius: 50%;}
	}
	.listDate{ line-height: 2; color: #727272;
		ul{ margin-left: 4.8%;}
		li{ line-height: 2.5; border-top: 1px solid #f0f0f0;}
		&.on{ color: #212121;}
	}
	.on{
		.time{ color: #0288d1;
			&:before{ border-color: #0288d1;}
		}
	}
}
/*消息中心*/
.pushTab{
	li{ position: relative;}
	.pushTip{ left: 50%; top: 0; margin-left: 20%;}
}
.pushTip{ position: absolute; display: inline-block; width: 0.8rem; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.5rem; color: #212121; background-color: #ffeb3b; border-radius: 50%;}
.push{
	li{ padding: 2.4%; border-bottom: 1px solid #cacaca;}
	a{ position: relative; display: block;}
	.photo{ float: left; margin-right: 2.4%; width: 8.5%; text-align: center; overflow: hidden;}
	.text{ float: left; width: 75%;}
	.pushTip{ left: 5.5%; top: -15%;}
}
/*设置*/
.set{ margin-top: 2.4%; background-color: #fff;
	li{ position: relative; padding-left: 12%; height: 1.7rem; line-height: 1.7rem; font-size: 0.8rem; border-bottom: 1px solid #ededed;
		a{ color: #212121;}
		&:before{ position: absolute; left: 4%; top: 50%; content: ''; display: block; margin-top: -0.32rem; width: 0.64rem; height: 0.64rem; background: url(../images/set.png); background-size: auto 1.275rem;}
	}
	.clear:before{ background-position: 0 0;}
	.about:before{ background-position: -0.64rem 0;}
	.help:before{ background-position: 0 -0.64rem;}
}
/*搜索无结果*/
.searchNone{ text-align: center;
	.none{ display: block; margin: 20% auto 5%; width: 25%;}
	.desc{ margin: auto; width: 60%;}
}
/*我的收藏*/
.collFooter{ position: fixed; bottom: 0; left: 0; z-index: 20; padding: 3.5% 2.4%; width: 95.2%; background-color: #fff; border-top: 1px solid #a5a5a5;
	a{ display: block; width: 18%; height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: 0.55rem;}
	.chooseAll{ float: left; color: #888; background-color: #f0f0f0;}
	.delete{ float: right; color: #727272; background-color: #e3e3e3;}
}


/*------------------------start----------------------*/
/* 聊天页面 */
.chatView{ font-size: 0.65rem; background-color: #fff;
	.chatOthers{
		.content{ 
			>span{ float: left; 
				img{width: 2.5rem; height: 2.5rem; overflow: hidden; border-radius: 50%;}
			}
			>div{ width: 75%; float: left;}
			.context{ position: relative;
				span{ display: inline-block; background-color: #f0f0f0; width: 82%; float: left;}
				img{ max-width: 6rem; max-height: 6rem; overflow: hidden; float: left;}

			}
			.reSubmit{ display: inline-block; background-image: url('../images/reSubmit.png'); background-size: cover; width: 0.5rem; height: 0.5rem; margin-left: 0.5rem; margin-top: 0.5rem;}
		}
	}
	.chatMyself{
		.content{ 
			>span{ float: right;
				img{ width: 2.5rem; height: 2.5rem; overflow: hidden; border-radius: 50%;}
			}
			>div{ width: 75%; float: right;}
			.context{ position: relative; 
				span{ display: inline-block; background-color: #03a9f4; width: 82%; float: right;}
				img{ max-width: 6rem; max-height: 6rem; overflow: hidden; float: right;}
			}
			.reSubmit{ display: inline-block; background-image: url('../images/reSubmit.png'); background-size: cover; width: 0.5rem; height: 0.5rem; margin-right: 0.5rem; margin-top: 0.5rem;}
		}
	}
	.time{ text-align: center;}
	
	i{position: absolute; display: inline-block; margin: 0.6rem; z-index: 21; width: 1.2rem; height: 1.2rem; background: url(../images/photo.png); background-size: cover;}
	.chat-box{ margin: 0.4rem auto; width: 70%; height: 1.5rem; line-height: 1.5rem; font-size: 0.6rem; border: 1px solid #35baf6; border-radius: 5px;
		.chat-txt{float: left; margin: 0.25rem; padding: 0.1rem 0.2rem; width: 93%; background-color: #fff; border: none; outline: none;}
	}
	
	.photo{ background-color: #f4f4f4; 
		.imgBox{ float: left; width: 30%; margin: 2.4% 0 2.4% 2.4%;
			span{ width: 100%; height: 100%; overflow: hidden; position: relative;
				input{ position: absolute; top: 0; left: 0; font-size: 10rem; opacity: 0;}
			}
		}
	}
}

 /* 我的金库 */
 .vault{ background-color: #07aaf4; text-align: center;
	.avatar{ border-radius: 50%; border: 4px solid #45bff7; width: 3.12rem; height: 3.12rem;}
	.level{ position: absolute; left: 50%; top: 0; margin-left: 0.6rem; line-height: 1.25rem;border-radius: 50%; background-color: #fff; width: 1.25rem; height: 1.25rem;}
	.progress{ width: 10rem; margin: 0 auto; height: 1rem; background-color: #262626; overflow: hidden; border-radius: 1rem; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
		div{ height: 1rem; background-image: linear-gradient(135deg,transparent 12.5%,rgba(255,255,255,.15) 12.5%,rgba(255,255,255,.15) 25%,transparent 25%,transparent 37.5%,rgba(255,255,255,.15) 37.5%,rgba(255,255,255,.15) 50%,transparent 50%,transparent 62.5%,rgba(255,255,255,.15) 62.5%,rgba(255,255,255,.15) 75%,transparent 75%,transparent 87.5%,rgba(255,255,255,.15) 87.5%,transparent); background-color: #03a1f1; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1);}
	}
    >span{ color: #45bff7; background-color: #fff; border-radius: .2rem; padding: 0.2rem; position: relative;
		&:after{ content: ''; width: 0; height: 0;     border-top: 8px solid #fff; border-bottom: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: 0.9rem; left: 50%;}
    }
 }
/* 等级记录 */
.gradeRecord{ background-color: #fff; 
	span{ display: block; width: 50%;text-align: center; font-size: 0.8rem; padding: 2.4% 0;
		&:first-child{ border-right: 1px solid #ccc; margin-right: -1px;
			&:before{ display: inline-block; content: ''; background-image: url('../images/libi.png'); width: 0.6rem; height: 0.6rem; background-size: cover; margin-right: .5rem;}
		}
		&:last-child{ 
			&:before{ display: inline-block; content: ''; background-image: url('../images/grade.png'); width: 0.6rem; height: 0.6rem; background-size: cover; margin-right: .5rem;}
		}
	}
}
/* 白金币记录 */
.moneyRecord,.exchange,.levelRank{ background-color: #fff; 
	.verLine{ 
		&:before{ display: inline-block; content: ''; width: 0.3rem;height: 0.8rem; background-color: #0da6db; vertical-align: top;}
	}
	a{ right: 3.75%; color: #dadada;
		&:after{ content: '>';}
	}
}
.exchange{ 
	li{ width: 23%;  padding: 2% 0 0 2%; float: left;
		span{ width:100%; overflow: hidden; /* width: 3.14rem; height: 2.35rem; */}
	}	
}
.exchDetail{
	li{ width: 43%; padding: 2%; margin: 2% 0 0 2%; float: left;     background-color: #fff;
	span{ width:100%;}}
	
}
.recordList{ background-color: #fff;
	ul{ position: relative; border-left: 1px solid #ccc; margin-left: 4.8%;
		li{ padding: 2.4%; border-bottom: 1px solid #f0f0f0; 
			&:before{ display: inline-block; content: ''; border: 0.1rem solid #727272; background-color: #fff; border-radius: 50%; width: 0.65rem; height: 0.65rem; position: absolute;left: -0.45rem;}
			&:first-child{ color: #333;
				&:before{ border: 2px solid #0288d1;}
			}

		}
	}
}
.levelRank{ /* height: 8.4rem; overflow: hidden; */
	li{ border-bottom: 1px solid #f0f0f0;
		&:nth-of-type(1){ .rank{ background-color: #ffeb3b;}}
		&:nth-of-type(2){ .rank{background-color: #e6e8fa;}}
		&:nth-of-type(3){ .rank{background-color: #b5a642;}}
	}
	.rank{ display: inline-block; width: 1.2rem; height: 1rem; background-color: #f0f0f0; text-align: center; line-height: 1rem; color: #212121;
		
	}
	.star{ display: inline-block; padding-left: 2.4%; padding-right: 2.4%; width: 50%; color: #212121;
		span{ width: 1.33rem; height: 1.33rem; margin-right: 2.4%; border-radius: 50%; overflow: hidden;}
		.photo{ width: 1.33rem; height: 1.33rem; margin-right: 2.4%; border-radius: 50%; overflow: hidden;}
	}
}
/* 用户中心 */
.userRecord{
	span{ display: block; width: 33%;text-align: center; font-size: 0.94rem; margin: 2.4% 0; border-right: 1px solid #5ec8f8; color: #fff;
		&:last-child{ border-right: none;}
		.dynamicIcon{ background: url('../images/dynamicKnowledge.png') no-repeat center; height: 1.25rem; background-size: 16%;}
		&.disableClick{ color: #ddd;
			.dynamicIcon{ background: url('../images/dynamicKnowledge1.png') no-repeat center; height: 1.25rem; background-size: 16%;}
		}
	}
}
.modify{ 
	input{ width: 89%; border: 1px solid #ccc; outline: none; background-color: #f0f0f0;
		&:focus{ background-color: #fff; outline: 1px solid #03A9F4;}
	}
}

.iconBefore{ position: relative; padding-left: 1rem;
	&:before{ position: absolute; content: ''; top: 0; left: 0; display: block; width: 0.75rem; height: 0.75rem; background-image: url('../images/userInfo.png'); background-size: 3.75rem 3.05rem;}
	&.organization{  &:before{ background-position: 0 0;} }
	&.expert{  &:before{ background-position: -0.75rem 0;} }
	&.gender{  &:before{ background-position: -1.5rem 0;} }
	&.duties{  &:before{ background-position: -2.25rem 0;} }
	&.time{  &:before{ background-position: -3rem 0;} }
	&.email{  &:before{ background-position: 0 -0.75rem;} }
	&.fax{  &:before{ background-position: -0.75rem -0.75rem;} }
	&.ID{  &:before{ background-position: -1.5rem -0.75rem;} }
	&.place{  &:before{ background-position: -2.25rem -0.75rem;} }
	&.user{  &:before{ background-position: -3rem -0.75rem;} }
	&.interesting{  &:before{ background-position: 0 -1.5rem;} }
	&.number{  &:before{ background-position: -0.75rem -1.5rem;} }
	&.office{  &:before{ background-position: -1.5rem -1.5rem;} }
	&.position{  &:before{ background-position: -2.25rem -1.5rem;} }
	&.winning{  &:before{ background-position: -3rem -1.5rem;} }
	&.project{  &:before{ background-position: 0 -2.25rem;} }
	&.qualification{  &:before{ background-position: -0.75rem -2.25rem;} }
	&.studio{  &:before{ background-position: -1.5rem -2.25rem;} }
	&.telephone{  &:before{ background-position: -2.25rem -2.25rem;} }
}

.myCircle{ margin-top: 2.4%;
	.circle{ padding: 0 2.4%; overflow: hidden;
		li{ padding: 2.4%; border-bottom:1px solid #ededed; position: relative;
			&:after{ position: absolute; right: 3.75%; top: 50%; content: ''; display: inline-block; margin-top: -0.25rem; width: 0.5rem; height: 0.5rem; border-top: 1px solid #727272; border-right: 1px solid #727272; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
		}
		.photo{ float: left; width: 10%; text-align: center; overflow: hidden;}
    	.text{margin-left: 4%; width: 85%;}
	}
}

/* 发表 */
.publish{ font-size: 0.65rem; background-color: #fff;
	textarea{ width: 89%; resize:none; height: 2rem; border: 1px solid #ccc; outline: none; background-color: #f0f0f0;
		&:last-of-type{ height: 6rem;}
		&:focus{ background-color: #fff; outline: 1px solid #03A9F4;}
	}
	>span{ margin-top: 2.3rem; height: 2rem; border-top: 1px solid #aaaaaa;
		i{ display: inline-block; margin: 0.5rem; width: 1rem; height: 1rem; background-image: url('../images/photo.png'); background-size: cover; }
	}
	.photo{ background-color: #f4f4f4; 
		.imgBox{ float: left; width: 30%;margin: 2.4% 0 0 2.4%;position: relative; /* overflow: hidden; */ text-align: center;
			.closeImg{ position: absolute; right: -0.4rem; top: -0.4rem; z-index: 10; display: block; width: 0.8rem; height: 0.8rem; background: url(../images/closeImg.png); background-size: cover;}
				img{ width: 100%;}
				input{ /* position: absolute; top: 0; left: 0; font-size: 10rem; opacity: 0; */ display: none;}
			/* } */
			.photo{ display: block; overflow: hidden;}
		}
	}
}

#names_dummy{ position: absolute; opacity: 0; width: 8rem; left: 50%; top: 50%; margin-top: -0.6rem; margin-left: -4rem;}

.mbsc-mobiscroll{ background-color: #fff; 
	.dwv{ padding: 3.75%; font-size: 0.94rem; line-height: 0.94rem; font-family: "黑体"; color: #212121; background-color: #f0f0f0;}
	.dwwr{ background-color: #fff;}
	.dwwol{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	.dwbc{ padding: 3.75%; position: absolute; top: 0;}
	.dwb{ font-size: 0.94rem; height: 0.94rem; line-height: 0.94rem; color: #212121;}
	.dwb-s .dwb{ color: #62bcf3; background-color: #f0f0f0;}
	.dw-i{ font-size: 0.8rem; color: #727272;}
	 .dw-sel .dw-i{ font-size: 0.94rem; color: #212121;}
	/*.dwfl{
		&:first-child{
			.dw-sel .dw-i:first-child{ border-right: 1px solid #ccc;}
		}
	} */
	.dwfl{ padding: 0.5em 0;}
	.dwc{ padding: 0;}
}

/* 隐藏文档详情底部控制器 */
.preview-controls-wrapper{ display: none;}

/* 评论列表为空的情况 */
.noComment{ background-image: url('../images/noComment.png');background-repeat: no-repeat; width: 9rem; height: 1.1rem; background-size: cover; margin: -0.65rem 0 0 -4.5rem; position: absolute; left: 50%; top: 30%;}

/* 320px */
@media screen and (min-width: 320px) {
	html{ font-size: 20px;}
}

/* 480px */
@media screen and (min-width: 480px) {
	html{ font-size: 30px;}
}

/* 750px */
@media screen and (min-width: 750px) {
	html{ font-size: 48px;}
}